<script lang="ts" setup>

    import { ref,reactive } from 'vue'
    import Myinput from './Myinput.vue';
    let mys=ref("my_border1")
    function changeInput(data:string){
        mys.value="my_border2"
        console.log(data)
    }
    function ReturnP(d:number){
        mys.value="my_border4"
        console.log(d)
    }
</script>

<template>
    <Myinput :myStyle="mys" msg="1122" @xxx="changeInput" @niHao="ReturnP"/>
    <button @click="changeInput('hello')">改变inupt</button>
</template>

<style scoped>


</style>
